/**
 * 这个只方法只是操作图片的md5和url
 * 获取URL参数值
 */
picControlUtils = {
	layerOpenByList : function(datasource,datashow,place){
		//选择已经上传的图片
		var titles = "管理图片";
		top.layer.open({
			type : 2,
			title : titles,
			shade : 0.8,// 背景色深度
			fixed : false, // 不固定
			maxmin : true,
			anim : 1,
			shadeClose : false,// 点击其它区域关闭
			content : 'picListListLayer.do?place='+place,
			area : [ '965px', '620px' ],
			btn : [ '确定', '关闭' ], // 只是为了演示
			yes : function(index, layero) {
				var body = top.layer.getChildFrame('body', index);
				var iframeWin = layero.find('iframe')[0];// 得到iframe页的窗口对像，执行iframe页的方法，iframeWin.method();
				var imgs = iframeWin.contentWindow.checkResult();
				if (imgs!=undefined && imgs!='undefined'&&imgs.length > 0) {
					picControlUtils.initShowCallBack(imgs,datasource,datashow,place);
					top.layer.close(index);
				}else{
					$('.layui-layer-title', window.document).html("<span style=\"color: red\">*************请选择图片！*************</span>");
				}
			},
			end : function() {
			}
		});
	},
	layerOpenByBootstrapFileInputCallBack : function (datasource,datashow,place) {
		//批量上传并返回
		var titles = "多图片上传";
		top.layer.open({
			type : 2,
			title : titles,
			shade : 0.8,// 背景色深度
			fixed : false, // 不固定
			maxmin : true,
			anim : 1,
			shadeClose : false,// 点击其它区域关闭
			content : 'bootUploadReturn.do?place='+place,
			area : [ '900px', '500px' ],
			btn : [ "确认图片", '关闭' ],
			yes : function(index, layero) {
				var body = top.layer.getChildFrame('body', index);
				var iframeWin = layero.find('iframe')[0];// 得到iframe页的窗口对像，执行iframe页的方法，iframeWin.method();
				var value = iframeWin.contentWindow.asyncResultDataJson();
				var place = iframeWin.contentWindow.asyncResultPlace();
				if(value!=''){
					picControlUtils.initShowCallBack(value,datasource,datashow,place);
//					if(place==2){
//						callBack2(value);
//					}else{
//						callBack1(value);
//					}
				}
				top.layer.close(index);
			},
			end : function(index) {

			}
		});
	},
	initShowCallBack : function (imgs,datasource,datashow,place){
		//选择完后的初始化显示的方法
		var piclist = $("#"+datasource).val();
		var md5key = new Array();
		if(piclist!=''){
			md5key = JSON.parse($.base64.decode(piclist));
		}
		var imgArr = JSON.parse(imgs);
		var imghtml = "";
		$.each(imgArr,function(name, value) {
			if (value != '') {
				var strs = value.split("###");
				md5key.push(strs[1]);
				$("#"+datashow).append("<div id=\"pro_"+strs[0]+"\" class='product_list'> " +
					"<a href='#'><img src='"+ strs[1]+ "' id='"+strs[0]+"' class='img-rounded' /> </a>" +
					"<p><a href='javascript:void(0);' onclick=picControlUtils.deleteChange('"+datasource+"','"+strs[0]+"','"+strs[1]+"'); style='margin:5px;' class='btn btn-xs btn-danger'><i class='fa fa-trash-o'></i>&nbsp;删除</a></p></div>");
			}
		});
		$("#"+datasource).val($.base64.encode(JSON.stringify(md5key)));
		picControlUtils.initMasonry(place);
	},
	loadInitShow : function(datasource,dataurl,datashow,place){
		//渲染页面时初始化
		var piclist = $("#"+dataurl).val();
		var md5key = new Array();
		if(piclist!=''){
			md5key = JSON.parse($.base64.decode(piclist));
			var imghtml = "";
			$.each(md5key,function(name, value) {
				if (value != '') {
					var strs = value.split("###");
					$("#"+datashow).append("<div id=\"pro_"+strs[0]+"\" class='product_list'>" +
						"<a href='#'><img src='"+ (strs[1])+ "' id='"+strs[0]+"' class='img-rounded' /></a>" +
						"<p><a href='javascript:void(0);' " +
						"onclick=picControlUtils.deleteChange('"+datasource+"','"+strs[0]+"','"+strs[1]+"',"+place+"); style='margin:5px;' " +
						"class='btn btn-xs btn-danger'><i class='fa fa-trash-o'></i>&nbsp;删除</a>" +
						"</p></div>");
				}
			});
			picControlUtils.initMasonry(place);
		}
	},
	initMasonry : function(place){
		//重置瀑布流图片
		$('#con'+place).masonry('reload');
	},
	deleteChange : function(datasource,key,url,place){
		//删除
		var piclist = $("#"+datasource).val();
		if(piclist!=''){
			var picArray = JSON.parse($.base64.decode(piclist));
			var len = $.inArray(url, picArray);  //返回 返回所有的位置,
			 if(len>-1){
				 picArray.splice(len,1);//隐藏域的数据删除
				 $("#pro_"+key).remove();//显示删除，
			 }
			 if(picArray.length>0){
				 $("#"+datasource).val($.base64.encode(JSON.stringify(picArray)));
			 }else{
				 $("#"+datasource).val("");
			 }
		}
		picControlUtils.initMasonry(place);
	},
	 onPagePic : $('#con1 .product_list img').click(function(pic){
			var imgsMd5 = $("#"+pic).val();
			if(imgsMd5!=undefined && imgsMd5!='undefined'&&imgsMd5!=''){
				imgsMd5 = JSON.parse($.base64.decode(imgsMd5));
				imgArr = JSON.parse(imgsMd5);
			}
			var bor = $(this).attr("class");
			if(bor=="img-rounded"){
				 $(this).addClass("bor");
				 imgArr.push(this.id);
			}else{
				 $(this).removeClass("bor");
				 var len = $.inArray(this.id, imgArr);  //返回 返回所有的位置,
				 if(len>-1){
					 imgArr.splice(len,1);
				 }
			}
			if(imgArr.length>0){
				var imghtml ="";
				 $.each(imgArr,function(name,value) {
					 if(value!=''){
						 //imghtml+="<img src="+value.split("###")[1]+" width='20px' height='20px' style='margin-right:3px;'>"
					 }
				 });
				 $("#"+pic).val($.base64.encode(JSON.stringify(imgArr)))
			 }else{
				 $("#"+pic).val("");
			 }
		})
}